.header{
	width: 100%;
	background: url(../img/user1.png) center no-repeat;
	background-size: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.header .pic{
	width: 24%;
	max-width: 184px;
	background-color: #FFFFFF;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.header .pic p{
	font-size: 14px;
	color: #FFFFFF;
	position: absolute;
	bottom: -20px;
}
.header .pic img{
	height: 80%;
}
.sub-nav{
	margin-top: 10px;
	padding: 0 10px;
}
.sub-nav ul{
	display: flex;
	justify-content: space-between;
}
.sub-nav ul li{
	width: 20%;
	max-width: 79px;
	border-radius: 50%;
	text-align: center;
}
.sub-nav ul li a{
	font-size: 16px;
	color: #FFFFFF;
}
.sub-nav ul li.st{
	background-color: #99c0fa;
}
.sub-nav ul li.ed{
	background-color: #fcb0e6;
}
.sub-nav ul li.rd{
	background-color: #76bd76;
}
.sub-nav ul li.th{
	background-color: #a5affd;
}
.main{
	margin-top: 10px;
}
.main ul li{
	width: 100%;
	padding: 10px;
	background-color: #f6f6f6;
	overflow: hidden;
	margin-bottom: 10px;
}
.main ul li a{
	display: block;
	height: 100%;
}
.main ul li a span{
	display: block;
	width: 43%;
	display: flex;
	align-items: center;
	font-size: 16px;
	color: #333333;
	float: left;
}
.main ul li a span img{
	width: 13%;
	margin-right: 20px;
}
.main ul li a b{
	display: block;
	float: right;
	background: url(../img/go.png) center no-repeat;
	width: 10%;
	height: 24px;
	margin-right: 10px;
}







